<template>
	<view class="addtellBox">
		<view class="addtellMian">
			<view class="tellsection" style="line-height:55rpx">
				<view class="addtellTitle">您当前还未达到{{itemClassify}}星经纪人</view>
				<view class="text"><text class="textcenter">一星经纪人</text><text>0-10万进件额</text></view>
				<view class="text"><text class="textcenter">二星经纪人</text><text>10-30万进件额</text></view>
				<view class="text"><text class="textcenter">三星经纪人</text><text>30-100万进件额</text></view>
				<view class="text"><text class="textcenter">四星经纪人</text><text>100-300万进件额</text></view>
				<view class="text"><text class="textcenter">五星经纪人</text><text>300万以上进件额</text></view>
				<view class="footer_text">
					<view>经纪人专属房源</view>
					<view>享受内部价及包贷款服务</view>
				</view>
				<view class="btn">
					<view class="btnText">我要进件</view>
				</view>
			</view>
			<view class="guanbiImg">
				<image bindtap="modalCancel" class="gbImg" src="/static/public/gb.png"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			itemClassify: {
				type: String,
			}
		},
		methods: {
		}
	}
</script>

<style scoped>
	.text {
	    text-align: center;
	    font-size: 14px;
	    color: #999999;
	}
	.textcenter {
	    margin-right: 20rpx;
	}
	.footer_text {
	    margin-top: 40rpx;
	    text-align: center;
	    font-size: 14px;
	    color: #333333;
	}
	.btn {
	    width: 100%;
	}
	.btnText {
	    width: 88%;
	    margin: 0 6%;
	    background-color: #52AAF8;
	    color: white;
	    font-size: 16px;
	    line-height: 80rpx;
	    border-radius: 25px;
	    text-align: center;
	    margin-top: 20rpx;
	}
	.opacity{
	   opacity: 0;
	}
	.addtellBox {
	    width: 100%;
	    height: 100vh;
	    overflow: hidden;
	    background-color: rgba(0,0,0,0.6);
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 100;
	    display: flex;
	    align-items:center;
	    justify-content:center;
	}
	.addtellMian{
	    width: 100%;
	}
	.addtellTitle {
	    font-size: 18px;
	    font-weight: bold;
	    color: #333333;
	    text-align: center;
	    margin: 20rpx 0;
	}
	.tellsection {
	    background-color: white;
	    width: 80%;
	    margin: 0 auto;
	    border-radius: 10px;
	    padding: 30rpx 30rpx 50rpx 30rpx;
	}
	.label {
	    position: relative;
	}
	.guanbi {
	    position: absolute;
	    top: 20px;
	}
	.guanbiImg {
	    width: 100%;
	    height: 60rpx;
	    text-align: center;
	    margin-top: 40rpx;
	}
	.gbImg {
	    width: 60rpx;
		height: 60rpx;
	    margin: 0 auto;
	}
</style>
